<template>
	<ucs-svg :width="size" :height="size" :src="iconSvg" />
</template>
<script setup lang="uts">
	/**
	 * @description 《冰激凌》图标
	 * @tutorial https://ucs.cloudsimpler.com/library/ucs-iconPark
	 * @property {Number} size 图标大小
	 * @property {Number} strokeWidth 线段粗细
	 * @property {String} theme 图标大小
	 * @property {Array<string>} fill 图标颜色，["外部描边颜色","外部填充颜色","内部描边颜色","内部填充颜色"]
	 * @property {String} strokeLinecap 图标大小
	 * @property {String} strokeLinejoin 图标大小
	 */
	import { colors, IiconParkProps } from "../../mixins/iconParkMixin.uts";
	import { computed } from "vue";
	
	const props = withDefaults(defineProps<IiconParkProps>(), {
		size: 24,
		strokeWidth: 4,
		theme: 'outline',
		fill: ["#000000"],
		strokeLinecap: 'round',
		strokeLinejoin: 'round'
	});

	const iconSvg = computed(() : string => {
		return `<?xml version="1.0" encoding="UTF-8"?><svg width="${props.size}" height="${props.size}" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#icon-abe9b53bc0df5a)"><path d="M18.8429 13.7227L32.2779 27.1577L11.6794 40.5003L5.63367 34.4546L18.8429 13.7227Z" stroke="${colors(props.theme, props.fill, 0)}" stroke-width="${props.strokeWidth}" stroke-linecap="${props.strokeLinecap}" stroke-linejoin="${props.strokeLinejoin}"/><path d="M38.7729 19.5104C37.7123 20.5711 37.0133 20.5793 35.9608 20.941C35.9282 23.7368 35.967 26.5502 32.4192 27.245L18.6033 13.429C18.6033 13.429 18.594 12.0595 19.9994 11.3435C20.4943 11.1116 21.4978 11.2213 22.0958 11.3186C23.5021 8.2937 25.6314 7.78309 27.9988 8.76105C29.1343 7.04337 31.9383 6.31187 34.027 6.98636C36.1157 7.66085 36.0994 9.05869 37.4891 9.74134C38.8789 10.424 40.2931 9.00977 40.3012 8.31082C40.3094 7.61186 40.1868 6.27484 41.129 6.51729C41.7042 6.67252 42.167 7.23228 42.7246 9.56132C43.0359 10.8687 42.8549 12.8027 41.7378 13.99C41.0522 14.7186 39.5211 15.0994 38.8219 15.3167C38.8885 15.5072 39.8336 18.4498 38.7729 19.5104Z" fill="${colors(props.theme, props.fill, 1)}" stroke="${colors(props.theme, props.fill, 0)}" stroke-width="${props.strokeWidth}" stroke-linecap="${props.strokeLinecap}" stroke-linejoin="${props.strokeLinejoin}"/><path d="M38.8216 15.3162C36.0094 16.7467 33.9207 16.0722 31.8483 13.9998" stroke="${colors(props.theme, props.fill, 0)}" stroke-width="${props.strokeWidth}" stroke-linecap="${props.strokeLinecap}" stroke-linejoin="${props.strokeLinejoin}"/></g><defs><clipPath id="icon-abe9b53bc0df5a"><rect width="48" height="48" fill="${colors(props.theme, props.fill, 2)}"/></clipPath></defs></svg>`
	});
</script>